﻿@font-face {
    font-family:isadora;
    src:url(../fonts/isodora.ttf);
}
@font-face {
    font-family:aristoni;
    src:url(../fonts/aristoni.ttf);
}
* {
    font-family:isadora;
}
body {
    margin: 0px;
    padding: 0px;
    background:url(../images/pineapplecut_@2X.png) repeat;
}

.header {
    background-color: white;
    height: 50px;
}

    .header img {
        width: 200px;
        height: 50px;
    }
.footer {
    width:100%;
    border-top:4px solid rgba(0,0,0,0.4);
}
.show-content {
    height: 400px;
}

#menu {
    position: absolute;
    top: 14px;
    right: 100px;
}

    #menu a {
        display: block;
        width: 140px;
        font-size:18px;
        font-style:italic;
        text-decoration: none;
        color: black;
        padding: 5px 7px;
        -moz-transition: background-color linear .5s;
        -o-transition: background-color linear .5s;
        -webkit-transition: background-color linear .5s;
        transition: background-color linear .5s;
        border-top-left-radius:4px;
        border-top-right-radius:4px;
        background-color:white;
        margin:0px 5px;
    }

    #menu ul {
        list-style-type: none;
    }

    #menu li {
        float: left;
        position: relative;
        text-align: center;
    }

    #menu ul.sub-menu {
        display: none;
        position: absolute;
        padding: 10px;
        z-index: 90;
    }
        #menu ul.sub-menu a {
            border-radius:0px;
        }

        #menu ul.sub-menu li {
            text-align: left;
        }

    #menu li:hover ul.sub-menu {
        display: block;
    }

    #menu li a:hover {
        background-color: rgb(55, 47, 47);
        color:white;
    }
.block {
    background-color:white;
    margin:10px;
    border-radius:5px;
    box-shadow:rgba(0,0,0,0.2) 1px 1px;
    padding:5px;

}
    .block .title {
        font-family:aristoni;
        font-style:italic;
        color:rgb(239, 188, 96);
        border-bottom:1px solid rgb(239, 188, 96);
    }
    .block .readmore {
        background-color:black;
        color:white;
        border-radius:5px;
    }
